<template>
  <el-container>
    <el-aside width="auto" class="header-logo tap">
    </el-aside>

    <el-aside width="auto" class="header-logo tap">
      <!--el-avatar icon="el-icon-user" class="headerLogo"></el-avatar-->
      <span icon="el-icon-user"></span>
      <span>管理员 您好</span>
      <span class="log-out">
        <span class="el-icon-switch-button"></span>
        <span>退出</span>
      </span>
    </el-aside>
  </el-container>
</template>

<script>
  export default {
    data() {
      return {
        activeIndex: '1'
      }
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath)
      }
    }
  }
</script>
<style scoped>
  .el-aside {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }

  .el-header {
    padding-left: 10px !important;
  }

  section {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 0 20px; */
  }

  .logo {
    height: 50px;
  }

  .headerLogo {
    margin-right: 15px;
  }

  .headerLogo, .logo {
    cursor: pointer;
  }

  .log-out {
    margin-left: 20px;
  }

  .log-out:hover {
    cursor: pointer;
    color: rgb(24 144 255);
  }

</style>
